<template>
    <div class="header">

        <div class="box">
            <h2>红包总额</h2>
            <h3>{{total}}元</h3>
        </div>

        <div class="box">
            <h2>手续费</h2>
            <h3>{{charge}}元</h3>
        </div>

        <div class="box">
            <h2>支付</h2>
            <h3>{{pay}}元</h3>
        </div>

    </div>
</template>

<script>
export default {
    name: "send-header",
    props: {
        total: {
            type: String,
            default: '0.00'
        },
        charge: {
            type: String,
            default: '0.00'
        },
        pay: {
            type: String,
            default: '0.00'
        }
    }
}
</script>

<style scoped lang="less" src="./header.less"></style>
